<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

<ui:composition>
	<p:panel id="contentEdit" styleClass="#{atencionClienteMBean.saved}">
		<h:form id="editObject" styleClass="editAdd">
			<ui:repeat var="item"
				value="#{atencionClienteMBean.selectedAtencionCliente}">
				<p:panel
					rendered="#{(atencionClienteMBean.tipoMantenimiento=='update') ? true : false}">
					<h:outputLabel value="Id" for="id" />
					<h:outputLabel value="#{item.id}" id="id" />
				</p:panel>
				<div class="separador"></div>
				<p:panel styleClass="arrayInput">
					<div>
						<h:outputLabel value="Ticket" for="idTicket" />
						<h:outputText value="#{item.codigo}" id="idTicket" />
					</div>
					<div>
						<h:outputLabel value="Fecha" for="idFecha" />
						<h:outputText value="#{item.fechaRegistro}" id="idFecha" />
					</div>
				</p:panel>
				<p:panel styleClass="arrayInput">
					<div>
						<h:outputLabel value="Solicitante" for="idSolicitante" />
						<h:outputText  value="#{item.nombre},#{item.apellido}"
							id="idSolicitante" />
					</div>
					<div>
						<h:outputLabel value="Area" for="idArea" />
						<p:selectOneMenu id="idArea"  styleClass="comboText"
							value="#{item.areaEmpresaId}">
							<p:ajax event="change"
								listener="#{atencionClienteMBean.cargarTemas()}" update="idTema" />
							<f:selectItem itemLabel="- Seleccionar -" itemValue="" />
							<f:selectItems value="#{atencionClienteMBean.listaAreasEmpresa}"
								var="area" itemLabel="#{area.nombre}" itemValue="#{area.id}" />
						</p:selectOneMenu>
					</div>
				</p:panel>
				<p:panel styleClass="arrayInput">
					<div>
						<h:outputLabel value="Tema" for="idTema" />
						<p:selectOneMenu id="idTema" styleClass="comboText"
							value="#{item.temaAtencionId}">
							<f:selectItem itemLabel="- Seleccionar -" itemValue="" />
							<f:selectItems value="#{atencionClienteMBean.listaTemasAtencion}"
								var="temas" itemLabel="#{temas.descripcion}"
								itemValue="#{temas.id}" />
						</p:selectOneMenu>
					</div>
					<div>
						<h:outputLabel value="Estado" for="idEstado" />
						<p:selectOneMenu id="idEstado" styleClass="comboText"
							value="#{item.estadoId}">
							<f:selectItem itemLabel="- Seleccionar -" itemValue="" />
							<f:selectItems value="#{atencionClienteMBean.listaEstadosAtencionCliente}"
								var="estado" itemLabel="#{estado.nombre}"
								itemValue="#{estado.id}" />
						</p:selectOneMenu>
					</div>
				</p:panel>
				<p:panel>
					<h:outputLabel value="Active" for="idActive" />
					<h:selectBooleanCheckbox value="#{item.active}" id="idActive" />
				</p:panel>
				<div class="separador"></div>
			</ui:repeat>
			<p:commandButton value="Guardar" id="frmSaved"
				actionListener="#{atencionClienteMBean.updateInsertItem}"
				update=":frmPageMantenimiento :contentEdit" />
			<p:commandButton value="Eliminar" id="frmClear"
				rendered="#{(atencionClienteMBean.tipoMantenimiento=='update') ? true : false}"
				actionListener="#{atencionClienteMBean.eliminarItem}"
				oncomplete="PF('editObject').hide()" update=":frmPageMantenimiento">
				<p:confirm header="Confirmacion" message="¿Desea Eliminar?"
					icon="ui-icon-alert" />
			</p:commandButton>
			<p:commandButton value="Limpiar"
				rendered="#{(atencionClienteMBean.tipoMantenimiento=='insert') ? true :false}"
				id="frmLimipiar">
				<p:ajax update=":contentEdit" resetValues="true" />
			</p:commandButton>
			<p:commandButton value="Cancelar" id="frmCancel"
				oncomplete="PF('editObject').hide()" />
		</h:form>
	</p:panel>

</ui:composition>
</html>